#order {
  /*高度*/
  height: 100%;
}

#order .divHead {
  /*宽度*/
  width: 100%;

  /*高度*/
  height: 88rem;

  /*透明度*/
  opacity: 1;

  /*背景色*/
  background: #333333;

  /*相对定位*/
  position: relative;
}

#order .divHead .divTitle {
  /*字号*/
  font-size: 18rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Regular;

  /*字体粗细*/
  font-weight: 500;

  /*文本居中*/
  text-align: center;

  /*文本颜色*/
  color: #ffffff;

  /*行高*/
  line-height: 25rem;

  /*字符间距*/
  letter-spacing: 0;

  /*绝对定位*/
  position: absolute;

  /*下边缘*/
  bottom: 13rem;

  /*宽度*/
  width: 100%;
}

/*返回上一级箭头*/
#order .divHead .divTitle i {
  /*绝对定位*/
  position: absolute;

  /*左边缘*/
  left: 16rem;

  /*上边缘*/
  top: 50%;

  /*延X轴和延Y轴均移动0像素和宽的-50%*/
  transform: translate(0, -50%);
}

#order .divBody {
  /*上右下左外边距*/
  margin: 10rem 12rem 10rem 12rem;

  /*背景色*/
  background: #ffffff;

  /*圆角*/
  border-radius: 6rem;

  /*左内边距*/
  padding-left: 10rem;

  /*右内边距*/
  padding-right: 10rem;

  /*高度*/
  height: calc(100% - 108rem);

  /*表示自动出现滚动条*/
  overflow-y: auto;
}

#order .divBody .item .timeStatus {
  /*高度*/
  height: 46rem;

  /*字号*/
  font-size: 14rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Regular;

  /*字体粗细*/
  font-weight: 400;

  /*文本居左*/
  text-align: left;

  /*文本颜色*/
  color: #666666;

  /*行高*/
  line-height: 20rem;

  /*字符间距*/
  letter-spacing: 0;

  /*弹性布局*/
  display: flex;

  /*两端对齐,项目之间的间隔都相等 */
  justify-content: space-between;

  /*设置子元素居中*/
  align-items: center;

  /*下边框*/
  border-bottom: 2rem dashed #efefef;

  /*上边框*/
  border-top: 1px solid #efefef;
}

/*下单时间*/
#order .divBody .item .timeStatus span:first-child {
  /*文本颜色*/
  color: #333333;
}

#order .divBody .item .dishList {
  /*上内边距*/
  padding-top: 10rem;

  /*下内边距*/
  padding-bottom: 11rem;
}

#order .divBody .item .dishList .item {
  /*上内边距*/
  padding-top: 5rem;

  /*下内边距*/
  padding-bottom: 5rem;

  /*弹性布局*/
  display: flex;

  /*两端对齐,项目之间的间隔都相等 */
  justify-content: space-between;

  /*高度*/
  height: 20rem;

  /*透明度*/
  opacity: 1;

  /*字号*/
  font-size: 14rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Regular;

  /*字体粗细*/
  font-weight: 400;

  /*文本居左*/
  text-align: left;

  /*文本颜色*/
  color: #666666;

  /*行高*/
  line-height: 20rem;

  /*字符间距*/
  letter-spacing: 0;
}

#order .divBody .item .result {
  /*弹性布局*/
  display: flex;

  /*对齐容器末端的弹性项目*/
  justify-content: flex-end;

  /*高度*/
  height: 20rem;

  /*透明度*/
  opacity: 1;

  /*字号*/
  font-size: 14rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Regular;

  /*字体粗细*/
  font-weight: 400;

  /*文本居左*/
  text-align: left;

  /*文本颜色*/
  color: #666666;

  /*行高*/
  line-height: 20rem;
}

/*实付金额*/
#order .divBody .item .result .price {
  /*文本颜色*/
  color: #343434;
}


#order .divBody .item .btn {
  /*弹性布局*/
  display: flex;

  /*对齐容器末端的弹性项目*/
  justify-content: flex-end;

  /*下外边距*/
  margin-bottom: 17rem;

  /*上外边距*/
  margin-top: 20rem;
}

/*再来一旦*/
#order .divBody .btn .btnAgain {
  /*宽度*/
  width: 124rem;

  /*高度*/
  height: 36rem;

  /*边框*/
  border: 1px solid #e5e4e4;

  /*圆角*/
  border-radius: 19rem;

  /*透明度*/
  opacity: 1;

  /*字号*/
  font-size: 14rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Regular;

  /*字体粗细*/
  font-weight: 500;

  /*文本居中*/
  text-align: center;

  /*文本颜色*/
  color: #333333;

  /*行高*/
  line-height: 36rem;

  /*字符间距*/
  letter-spacing: 0;

  /*相对定位*/
  position: relative;
}

#order .divNoData {
  /*宽度*/
  width: 100%;

  /*高度*/
  height: calc(100% - 88rem);

  /*弹性布局*/
  display: flex;

  /*盒布局,并且该布局内部的子控件排列方式是纵向排列,即从上往下*/
  flex-direction: column;

  /*设置子元素居中*/
  align-items: center;

  /*居中*/
  justify-content: center;
}

/*没有订单的图片*/
#order .divNoData .divContainer img {
  /*宽度*/
  width: 240rem;

  /*高度*/
  height: 129rem;
}

/*暂无订单*/
#order .divNoData .divContainer div {
  /*字号*/
  font-size: 24rem;

  /*字体系列*/
  font-family: PingFangSC, PingFangSC-Medium;

  /*字体粗细*/
  font-weight: 500;

  /*文本居中*/
  text-align: center;

  /*文本颜色*/
  color: #333333;

  /*行高*/
  line-height: 33rem;

  /*高度*/
  height: 33rem;

  /*上外边距*/
  margin-top: 20rem;
}
